<head>
  <link rel="stylesheet" type="text/css" href="/static/css/all.min.css" />
</head>

<style>
  .info-item i {
    color: #00ffff;
    margin-right: 15px;
    font-size: 24px;
  }
</style>
<header style="background-image: url('<%= headerImage %>');">
  <nav>
    <div class="logo">
      <img src="/static/images/logo.png" alt="Logo">
    </div>
    <div class="nav-links">
      <a class="<%= headerTag === 'home' ? 'active' : '' %>" href="/">Home</a>
      <a class="<%= headerTag === 'service' ? 'active' : '' %>" href="/service">Services</a>
      <a class="<%= headerTag === 'about' ? 'active' : '' %>" href="/about">About</a>
      <a class="<%= headerTag === 'contact' ? 'active' : '' %>" href="/contact">Contact</a>
    </div>
  </nav>
  <% if (headerTag==='home' ) { %>
    <h1>WELCOME TO ASTRALION FRONTIER LIMITED</h1>
    <p>Your trusted partner for intellectual property services in the United Kingdom and beyond.</p>
    <p>Securing Your Innovations Across 150+ Countries</p>
    <a class="cta-button" href="/service">Start Protecting Your Assets →</a>
    <% } %>

      <!-- <% if (headerTag==='contact' ) { %>
        <div style="width:1200px;margin: 0px auto;">
          <h1 style="font-size: 50px;color: #000;">About ASTRALION FRONTIER LIMITED</h1>
          <p style="font-size: 22px;color: #000;">We are a forward-thinking legal technology company dedicated to
            providing innovative
            solutions for complex
            legal challenges. With our team of experts and cutting-edge technology, we deliver exceptional service to
            clients worldwide.</p>
        </div>
        <% } %> -->
</header>